import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import A from '@/components/A'
import B from '@/components/B'
import C from '@/components/C'
import D from '@/components/D'
import login from '@/components/login'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/A',
      component: A,
      children: [
        {
          path: '/B',
          component: B,
          name: '导航一'
        },
        {
          path: '/C',
          component: C,
          name: '导航二'
        },
        {
          path: '/D',
          component: D,
          name: '导航三'
        },
        {
          path: '/login',
          component: login,
          name: '导航四'
        },
    ]
  },
    

  ]
})
